<template>
  <div id="main" class="w-full h-full">
    <BaseHeader />
    <div class="main-body w-full">
      <BaseSide />
      <MainContainer />
    </div>
  </div>
</template>
<script setup lang="ts">
import MainContainer from './MainContainer.vue'
</script>
<style lang="scss">
#main {
  display: flex;
  flex-direction: column;

  .main-body {
    display: flex;
    flex-direction: row;
    height: calc(100% - var(--ep-menu-item-height));
  }
}
</style>
